<template>
  <div class="box">
    <h3>女儿小红: 有存款: {{ money }}</h3>
    <button @click="getMoney(100)">给BABA钱: 100</button>
  </div>
</template>

<script>
// 导入
import mixin from './mixin'
export default {
  name: 'Daughter',
  mixins: [mixin],
  data() {
    return {
      // money: 20000
    }
  },
  mounted() {
    // console.log('我执行了-- daughter')
  },
  methods: {
    // 测试发现,组件中声明相同的方法,也会以组件为准
    getMoney(money) {
      this.money -= money
      this.$parent.money += money
    }
  }
}
</script>
